<!--
Author: WebThemez
Author URL: http://webthemez.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="free-educational-responsive-web-template-webEdu">
    <meta name="author" content="webThemez.com">
    <title>联系我们</title>
    <link rel="favicon" href="assets/images/favicon.png">
    <link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <!-- Custom styles for our template -->
    <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen">
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
	<script src="assets/js/html5shiv.js"></script>
	<script src="assets/js/respond.min.js"></script>
	<![endif]-->
</head>

<body>
    <!-- Fixed navbar -->
    <div id="navbar" class="navbar navbar-inverse">
    </div>
    <!-- /.navbar -->

    <header id="head" class="secondary">
        <div class="container">
            <h1>联系我们</h1>
            <p>Contact Us</p>
        </div>
    </header>


    <!-- container -->
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <h3 class="section-title">您的留言</h3>
                <p>
                    如果你对本网站的内容有什么疑问，可以在下方留言，联系我们。请在下方填写您的基本信息和您的留言。
                </p>

                <form class="form-light mt-20" role="form">
                    <div class="form-group">
                        <label>姓名</label>
                        <input type="text" class="form-control" placeholder="您的姓名">
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>邮箱</label>
                                <input type="email" class="form-control" placeholder="邮箱地址">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>电话</label>
                                <input type="text" class="form-control" placeholder="电话号码">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label>主题</label>
                        <input type="text" class="form-control" placeholder="主题">
                    </div>
                    <div class="form-group">
                        <label>留言</label>
                        <textarea class="form-control" id="message" placeholder="在这里写下您的留言..."
                            style="height:100px;"></textarea>
                    </div>
                    <button type="submit" class="btn btn-two">发送</button>
                    <p><br /></p>
                </form>
            </div>
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-6">
                        <h3 class="section-title">办公地址</h3>
                        <div class="contact-info">
                            <h5>地址</h5>
                            <p>常乐村男子职业技术学院</p>

                            <h5>邮箱</h5>
                            <p>info@webthemez.com</p>

                            <h5>电话</h5>
                            <p>+09 123 1234 123</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->

    <footer id="footer"> </footer>


    <!-- JavaScript libs are placed at the end of the document so the pages load faster -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
    <script type='text/javascript' src='assets/js/fancybox/jquery.fancybox.pack.js'></script>
    <script src="assets/js/custom.js"></script>

    <!-- Google Maps -->
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
    <script src="assets/js/google-map.js"></script>
    <script>
        $(function () {
            //公共资源
            $('#navbar').load('./public/navbar.html', function() {
                $('#contact').addClass('active');
            });
            $('#footer').load('./public/footer.html');
        });
    </script>

</body>

</html>